<%--
  Created by IntelliJ IDEA.
  User: 吴
  Date: 2023/12/22
  Time: 15:23
  To change this template use File | Settings | File Templates.
--%>
<!-- 标记为HTML格式 -->
<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page isELIgnored="false" %>
<!-- 设置页面为Chain -->
<html lang="ch">
<head>
    <title>F码通道</title>
    <!-- 设置地址栏主题背景颜色 -->
    <meta name="theme-color" content="#000000">
    <!-- 页面描述 -->
    <meta name="description" content="商品详情页面">
    <!-- 移动端显示 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <!-- 页面Logo -->
    <link rel="shortcut icon" href="http://localhost:8083/resource_packs/images/logo.png">
    <!-- CSS -->
    <link href="${pageContext.request.contextPath}/other/style/reception_desk/redeem_codes.css" rel="stylesheet"
          type="text/css"/>
</head>
<body>
<!-- jsp:include导入网页导航栏  jsp:param向导航栏传值 -->
<jsp:include page="/WEB-INF/page/reception_desk/navigation_bar.jsp" flush="true">
    <jsp:param name="id" value="1"/>
</jsp:include>
<div class="body">
<div class="total">
首页 / F码购买通道页
</div>
<div class="overall">
<div class="title">感谢您，亲爱的朋友！</div><br>
    <span class="interpretation">使用F码购买新品，可能会延迟发货时间</span><br>
    <label class="input">
        <input type="text" name="username" class="chang" placeholder="请输入F码兑换">
    </label>
    <div class="use"><a>使用F码</a></div>

</div><br>
    <div class="space"></div>
    <div class="explain">
        <div class="friend">
            <h1>F码就是朋友特权</h1>
            <a>F码是小米产品优先购买码，无需预约排队，直接购买热门商品。F = Friend，它是为小米的好朋友提供的“友情特权”。部分商品的特权购买，无法保证7天内发货。</a>
            <div class="embrace"><img src="http://localhost:8083/resource_packs/images/fcode-icon-01.jpg" alt="无"></div>
        </div>
        <div class="vertical"></div>
        <div class="people">
            <h1>谁会有F码</h1>
            <a>我们将F码赠与小米社区和MIUI论坛的版主、顾问团、荣誉开发组、同城会会长等为小米提供热心帮助的好朋友们。</a>
            <div class="identity"><img src="http://localhost:8083/resource_packs/images/fcode-icon-02.jpg" alt="身份"></div>
        </div>
        <div class="vertical"></div>
        <div class="concern">
            <h1>让我们做朋友吧</h1>
            <a>关注小米官方微博、微信，或参与社区讨论，也有机会获得 F码，欢迎关注小米。</a>
            <div class="photo"><img src="http://localhost:8083/resource_packs/images/fcode-icon-02.jpg" alt="身份"></div>
        </div>
    </div>
</div>
<!-- jsp:include导入网页尾部  jsp:param向该页面传值 -->
<jsp:include page="/WEB-INF/page/reception_desk/footer_page.jsp" flush="true">
    <jsp:param name="id" value="1"/>
</jsp:include>
</body>
</html>
